@mixin site($wid, $hig, $top, $left) {
  width: $wid;
  height: $hig;
  position: absolute;
  top: $top;
  left: $left;
}
.diylist {
  display: flex;
  flex-wrap: wrap;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  .TabControl {
    width: 100%;
  }
}
.lfts {
  width: 130px;
  height: 130px;
  padding: 10px;
  img {
    width: 100%;
    height: 100%;
  }
}
.rgts {
  flex: 1;
  padding: 10px 0;
}
.acrossList {
  width: 100%;
  min-height: 130px;
  display: flex;
  flex-direction: row;
}
.listcon {
  width: 100%;
  // height: 100%;
  position: relative;
  // background: #ffffff;
  .list-img {
    @include site(50px, 50px, 10px, 10px);
    img {
      width: 100%;
      height: 100%;
    }
  }
}
.subfield {
  width: 50%!important;
  height: 265px!important;
  // overflow: hidden;
}
.styleThree {
  width: 33.333%!important;
  height: 180px!important;
  .ThreeImgStyle {
    width: 100%;
    padding: 5px;
    height: 120px;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .font14 {
    font-size: 14px;
  }
}
.sortFlex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.listborder {
  border: 1px solid #dfdfdf;
}

.listAct {
  width: 230px;
  height: 30px;
  z-index: auto;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #FF8000;
}
.subheading {
  z-index: auto;
  font-size: 12px;
  color: #999999;
  text-decoration: none;
  width: 230px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rowTitle {
  line-height:20px;
  z-index: auto;
  font-size: 16px;
  color: rgb(51, 51, 51);
  text-decoration: none;
  width: 230px;
  height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.amendTitle {
  padding: 0 12px;
  width: 100%;
  color: #4C4C4C!important;
  height: 36px;
  font-size: 16px;
  line-height: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.amendActivity {
  padding: 0 12px;
  width: 100%;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
}
.amendPrice {
  padding: 0 12px;
  z-index: auto;
  width: 100%;
  height: 20px;
  font-size: 16px;
  line-height: 20px;
  text-align: left!important;
}
.evaluate {
  margin-left: 10px;
  font-size: 12px;
  color: #989797;
}
.editlocal {
  width: 230px;
  padding: 0;
}
.oneImgStyle {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 110px;
  height: 110px;
}
.twoImgStyle {
  width: 100%;
  padding: 5px;
  height: 183px;
  img {
    width: 100%;
    height: 100%;
  }
}